<!doctype html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!-->
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>GESTION ACADEMICA</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta name="description" content="">
        <meta name="author" content="Patricio Villamarin" >

        <!-- Le styles -->
        <link href="<?php echo base_url(); ?>commons/bootstrap/css/bootstrap.css" rel="stylesheet">
        <link href="<?php echo base_url(); ?>commons/bootstrap/css/bootstrap-responsive.css" rel="stylesheet">
        <link href="<?php echo base_url(); ?>commons/css/general.css" rel="stylesheet">
        <link rel="stylesheet" href="<?php echo base_url(); ?>commons/css/jquery-ui.css" />



        <link rel="shortcut icon" href="<?php echo base_url(); ?>commons/bootstrap/ico/favicon.ico">
        <link rel="apple-touch-icon-precomposed" sizes="144x144" href="<?php echo base_url(); ?>commons/bootstrap/ico/apple-touch-icon-114-precomposed.png">
        <link rel="apple-touch-icon-precomposed" sizes="114x114" href="<?php echo base_url(); ?>commons/bootstrap/ico/apple-touch-icon-114-precomposed.png">
        <link rel="apple-touch-icon-precomposed" sizes="72x72" href="<?php echo base_url(); ?>commons/bootstrap/ico/apple-touch-icon-72-precomposed.png">
        <link rel="apple-touch-icon-precomposed" href="<?php echo base_url(); ?>commons/bootstrap/ico/apple-touch-icon-57-precomposed.png">
        <script src="<?php echo base_url(); ?>commons/validacion/js/jquery-1.8.2.min.js" type="text/javascript"></script>
        <script src="<?php echo base_url(); ?>commons/js/jquery.ui.datepicker.js"></script>
        <style type="text/css">


        </style>
    </head>
    <body >
        <div class="container" id="general">
            <script type='text/javascript'>

                    window.onload = detectarCarga;
                    function detectarCarga() {
                        //document.getElementById("preloader").style.display="none";
                        $("#preloader").fadeOut("slow", function() {
                            $("#preloader").remove();
                        });
                    }
                </script>
                <div id="preloader" style="width:1404px;height:1200px;position:absolute;z-index:2;background-color:#fff;opacity: 0.85;filter: alpha(opacity = 90);background: linear-gradient(to bottom,  #e4f1f6 0%,#cfe6ef 52%,#7db9e8 100%);text-align:center;box-shadow: 10px 10px 5px #888888;">
                    <center>
                        <div id="preloaderWrapper" style="border:1px solid black;border-radius:10px;margin-top:150px; width:350px;height:auto; background: linear-gradient(to bottom,  #1e5799 0%,#2989d8 52%,#7db9e8 100%);text-align:center;box-shadow: 10px 10px 5px #888888;">

                            <img src="<?php echo base_url() ?>commons/images/loading_G.gif" width="100" /><br/>
                            <!--<img src="<?php echo base_url() ?>commons/images/itss1.jpg" /><br/>-->
                            <strong style="font-size: 24px;font-weight: bold;">CARGANDO....</strong> 
                        </div>
                    </center>
                </div>
            <?php echo $body; ?>
            <!-- Le javascript
          ================================================== -->
            <!-- Placed at the end of the document so the pages load faster -->


        </div>
    </body>
</html>
